<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="./css/index2.css">
  <title>海贼王</title>
</head>

<body>
  <div class="wrapin">
    <div class="banner"><img src="" alt=""></div>
    <header>
      <ul class="nav clearfix">
        <li><a href="./index1.html">首页</a></li>
        <li><a href="./index2.html">人物集</a></li>
        <li><a href="./index3.html">人物简介</a></li>
        <li><a href="./index4.html">时间线</a></li>
        <li><a href="./index5.html">登录</a></li>
      </ul>

    </header>
  
    <main>
      <section id="img1" class="img">
        <div class="content">
          <h2>革命军</h2>
          <p>龙、萨博、贝洛·贝蒂、莫里卡拉斯……</p>
        </div>
      </section>
      <section id="img2" class="img">
        <div class="content">
          <h2>草帽海贼团</h2>
          <p>路飞、索隆、山治、乌索普、娜美、乔巴、罗宾、弗兰奇、布鲁克、甚平</p>
        </div>
      </section>
      <section id="img3" class="img">
        <div class="content">
          <h2>白胡子海贼</h2>
          <p>白胡子、艾斯、马尔科、乔兹、比斯塔……</p>
        </div>
      </section>
      <section id="img4" class="img">
        <div class="content">
          <h2>海军 大将</h2>
          <p> 黄猿、青雉、赤犬</p>
        </div>
      </section>
    </main>
</body>

</html>